<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>教育展示--创意设计</title>
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/reset.css">
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/swiper_2.7.css">
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/header.css">
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/footer.css">
    <link rel="stylesheet" href="{{$static_path}}/static/css/exhibition/list_exhibition-design.css">
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/common.css">
    <script src="{{$static_path}}/static/common/js/jquery-1.11.3.js"></script>
</head>

<body>
    <!-- 头部部分 -->
    {{include file="header.tpl"}}
    <!-- 内容区域 -->
    <div class="dh-main">
        <div class="exhibition-banner"></div>
        <div class="main-content">
            <div class="main-left">
                <div class="dh-top1">
                    <p class="h-top">教育展示</p>
                </div>
                <ul class="dh-list">
                    {{navigation parentid="49"}}
                        {{foreach $list as $k => $v}}
                            <li> <a href="{{$v['url']}}">{{$v['name']}}</a></li>
                        {{/foreach}}
                    {{/navigation}}
                </ul>
            </div>
            <div class="main-right">
                <div class="right-txt-box">
                    <h1>创意设计</h1>
                    <div class="wz">
                        <span class="wz-span">您的位置：<a href="">首页</a> > <a href="">教育展示</a> ><a href="">创意设计</a> </span>
                    </div>
                </div>
                <div class="box-txt">

                    <div class="banners">
                        <button><a href="list_exhibition_post.html">立即参加</a></button>
                    </div>
                    <div class="zs-tabs">
                        <p class="zs-acitve">投教词条配画</p>
                        <p>投教手册 </p>
                        <p>海报/折页</p>
                        <div class="zs-tabs-show">
                            <img src="{{$static_path}}/static/images/college-campus/mzsm-img.png" alt="">
                            <span>免责声明</span>
                        </div>
                    </div>
                    <ul class="sj-box">
                        <li>
                            <a href="#">
                                <img src="{{$static_path}}/static/images/exhibition-design/design_img1.png" alt="">
                                <p>证券投资者手册</p>
                                <span>2016/10/10 15:30</span>
                                <em>海报</em>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="{{$static_path}}/static/images/exhibition-design/design_img1.png" alt="">
                                <p>证券投资者手册</p>
                                <span>2016/10/10 15:30</span>
                                <em class="em-bule">折页</em>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="{{$static_path}}/static/images/exhibition-design/design_img1.png" alt="">
                                <p>证券投资者手册</p>
                                <span>2016/10/10 15:30</span>
                                <em class="em-bule">折页</em>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="{{$static_path}}/static/images/exhibition-design/design_img1.png" alt="">
                                <p>证券投资者手册</p>
                                <span>2016/10/10 15:30</span>
                                <em>海报</em>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="{{$static_path}}/static/images/exhibition-design/design_img1.png" alt="">
                                <p>证券投资者手册</p>
                                <span>2016/10/10 15:30</span>
                                <em>海报</em>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="{{$static_path}}/static/images/exhibition-design/design_img1.png" alt="">
                                <p>证券投资者手册</p>
                                <span>2016/10/10 15:30</span>
                                <em>海报</em>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="{{$static_path}}/static/images/exhibition-design/design_img1.png" alt="">
                                <p>证券投资者手册</p>
                                <span>2016/10/10 15:30</span>
                                <em>海报</em>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="{{$static_path}}/static/images/exhibition-design/design_img1.png" alt="">
                                <p>证券投资者手册</p>
                                <span>2016/10/10 15:30</span>
                                <em>海报</em>
                            </a>
                        </li>
                    </ul>

                </div>

                <!-- 分页 -->
                <div class="dywPages">
                    
                </div>
            </div>
            </div>

        </div>


    </div>
   <!-- 免责声明弹窗 -->

   <div class="hide-disclaimer1" style="display: none;">
    <div class="disclaimer1">
        <h3>免责声明</h3>
        <p>
            尊敬的投资者：经营机构的适当性匹配意见不表明其对产品或者服务的风险和收益做出实质性判断或者保证。投资者根据自身能力审慎决策，独立承担投资风险。<br>
            风险承受能力评估是经营机构履行适当性管理义务的基础环节，其目的是便于对您的风险承受能力进行分类分级，使本公司所提供的产品或服务与您的风险承受能力等级相匹配，有助于您选择合适的产品或服务类别。<br>
            我们真诚提醒您：本公司向客户履行风险承受能力评估等适当性职责，并不能取代您自己的投资判断，也不会降低产品或服务的固有风险。同时，本公司根据您提供的信息对您进行的基本风险承受能力评估，并依此提供匹配意见。购买产品或证券服务相关的投资风险、履约责任以及费用等将由您自行承担。
        </p>
        <button class="btn-disclaimer1">确认</button>
    </div>
</div>


<!-- 版权声明 -->

<div class="hide-disclaimer2" style="display: none;">
    <div class="disclaimer2">
        <h3>版权声明</h3>
        <p>
            尊敬的投资者：经营机构的适当性匹配意见不表明其对产品或者服务的风险和收益做出实质性判断或者保证。投资者根据自身能力审慎决策，独立承担投资风险。<br>
            风险承受能力评估是经营机构履行适当性管理义务的基础环节，其目的是便于对您的风险承受能力进行分类分级，使本公司所提供的产品或服务与您的风险承受能力等级相匹配，有助于您选择合适的产品或服务类别。<br>
            我们真诚提醒您：本公司向客户履行风险承受能力评估等适当性职责，并不能取代您自己的投资判断，也不会降低产品或服务的固有风险。同时，本公司根据您提供的信息对您进行的基本风险承受能力评估，并依此提供匹配意见。购买产品或证券服务相关的投资风险、履约责任以及费用等将由您自行承担。
        </p>
        <button class="btn-disclaimer2">确认</button>
    </div>
</div>
    <!--放一个id为footer的div,把footer.html加载到这块-->
    {{include file="footer.tpl"}}
    <!-- 底部部分 -->
</body>

<!-- 加载头尾 -->

<script src="{{$static_path}}/static/common/js/load.js"></script>
<script src="{{$static_path}}/static/common/js/swiper_2.7.js"></script>
<script>

    var mySwiper = new Swiper('.swiper-containers', {
        autoplay: 5000,//可选选项，自动滑动
        // loop: true,//可选选项，开启循环
        paginationClickable: true,
        slidesPerView: 4,
        onInit: function (swiper) {
            swiper.swipeNext()
        }
    })
    $('#btn1').click(function () {
        mySwiper.swipePrev();


    })
    $('#btn2').click(function () {
        mySwiper.swipeNext();
    })

    // video切换
    $('.video-banner').click(function () {
        $(this).addClass('video-active').parent().siblings().children().removeClass('video-active')
        $('#videos').attr('src', $(this).attr('data-banner'))
        $('.videos-tabs')[0].load();
        $('.videos-tabs')[0].play()
    })

    $('.zs-tabs>p').click(function () {
        $(this).addClass('zs-acitve').siblings().removeClass('zs-acitve')
        $('.tabs1-active').eq($(this).index()).show().siblings().hide()
    })
    // 获取自定义属性

</script>

</html>